<!-- 配置 -->
<template>
    <div>
        <el-collapse accordion>
            <el-collapse-item title="样式">
                <el-form-item label="字体背景">
                    <avue-input-color
                        :disabled="disabled"
                        v-model="main.activeOption.backgroundColor"
                    ></avue-input-color>
                </el-form-item>
                <el-form-item label="是否圆形">
                    <avue-switch
                        v-model="main.activeOption.circle"
                        :disabled="disabled"
                    >
                    </avue-switch>
                </el-form-item>
            </el-collapse-item>
        </el-collapse>
    </div>
</template>

<script>
import { dicOption } from "@/option/config";
export default {
    name: "backgroundBlock",
    inject: ["main", "contain"],
    data() {
        return {
            dicOption: dicOption,
            disabled: this.contain.activeObj.isLock
        };
    }
};
</script>

<style></style>
